<template>
  <div id="home">
    <div class="row1">
      <my-swiper/>
    </div>
    <div class="row2">
      <quality-service-show/>
    </div>
    <div class="row2">
      <case-show/>
    </div>
    <div class="row3">
      <comment-show/>
    </div>
    <div class="row3">
      <quality-company-show/>
    </div>
    <foot></foot>
  </div>
</template>

<script>
  import MySwiper from "./childCpn/MySwiper";
  import CaseShow from "./CaseShow";
  import CommentShow from "./CommentShow";
  import QualityServiceShow from "./QualityServiceShow";
  import QualityCompanyShow from "./QualityCompanyShow";
  import Foot from "../../components/common/Foot";
  export default {
    name: "Home",
    components:{
      QualityServiceShow,
      MySwiper,
      CaseShow,
      CommentShow,
      QualityCompanyShow,
      Foot
    }
  }
</script>

<style scoped>
  #home{
    margin: 0 auto;
    /*height: 780px;*/
  }
  /*.row1,.row2{*/
  /*  display: flex;*/
  /*}*/
</style>